<template>
    <ul class="news-list">
        <li>{{ query }}</li>
        <li>query编号: {{ query.id }}</li>
        <li>query标题: {{ query.title }}</li>
        <li>query内容: {{ query.content }}</li>
        <li>---------------------------</li>
        <li>编号: {{ route.query.id }}</li>
        <li>标题: {{ route.query.title }}</li>
        <li>内容: {{ route.query.content }}</li>
    </ul>
</template>
<script setup lang="ts" name="detail">
import { toRefs } from 'vue';
import { useRoute } from 'vue-router';
let route = useRoute()
let { query } = toRefs(route)
console.log('@!',route)
</script>
<style scoped>

</style>